@charset "utf-8";
:root{--bg:#f8fafb;--gray-300:#dee2e6;--gray-500:#adb5bd}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--gray-300)}
*{scrollbar-width:thin}
body{line-height:1.6;letter-spacing:0.5px;font-size:14px;font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;color:var(--gray);background:var(--bg)}
a{color:var(--gray);text-decoration:none}
a:hover{color:var(--blue);text-decoration:none}
img{max-width:100%;border-radius:0.5rem; object-fit:cover;}
ul,ol,li{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2;font-weight:600;color:var(--gray-dark)}
h1{font-size:36px}
h2{font-size:24px}
h3,h4{font-size:18px}
h5,h6{font-size:16px}
form.search{display:flex;width:100%}
input[type=file]{padding:0;height:auto;border:0}
input[type=radio],input[type=checkbox],input[type=radio]:focus,input[type=checkbox]:focus{width:14px;height:14px;outline:none;box-shadow:none;vertical-align:middle}
.body-bg{background:var(--bg)}
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1220px;}
.container .user-login{margin-top:10px;}
.container .navbar-expand-md .navbar-nav a{font-size:16px;}
.container .navbar-expand-md .navbar-nav .nav-link{padding:0 1rem;}
.container .article-main{ font-size:16px;}
.container .article-main .body img,.container .article-main .img img,.container .article-main video{display:block; max-width:600px; width:100%; height: auto; margin:auto;}
.container .article-main .id6 img{max-width:200px; margin: 20px 0;}
.container .article-main .id6 .pb-3{ padding-bottom: 0!important;}
.container .item-article .pull-right{ font-size:12px;}
.container .item-news .meta,.container .item-theme .title{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.container aside .item-article article .item-theme-img img{ height:180px;}
.container .send-message{font-size:12px; color: #4A88F7; border: none; background: #F9F9F9;}
.copyright .container p{margin-bottom: 0.5rem; letter-spacing: 0.05rem;}
.copyright .container p a{margin:0 0.1rem;}
.copyright .container p .cur{ color:#fff;}
.container article video{ width:100%;}
.container .allmes{ margin:10px 0; padding-top:20px; border-top:solid 1px #f2f2f2; border-bottom:solid 1px #f2f2f2;}
.container .allmes span{color: #999999; margin-right: 10px;}
.container .allmes strong{ color:#f60;}
.header-top{width: 100%; height: 36px; background: #1eb867;}
.header-top ul li{font-size: 14px; color: #fff; line-height: 36px; display: inline-block;padding:0 10px;text-align:center;}
.header-top ul li a{ color:#fff;}
.header-top .nologin{ margin: 0 2px;}
.header-top .navshow{position: relative;}
.header-top .navshow .caret{display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.header-top .navtopul{display: none; position: absolute; top: 36px; left: 0; background-color: #fff; color: #333; z-index: 100000; line-height: 26px; padding: 5px 0; width: 120px; border-radius: 0px; box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.06); border: 1px solid #E9E9F0;}
.header-top .navtopul li{color: #333; margin: 0; width: 118px; text-align: left; line-height: 30px!important;}
.header-top .navtopul li:hover{background-color: #F9F9F9;}
.header-top .navtopul li:hover a{color: #4A88F7;}
.header-top .navtopul li a{display: block; color: #333; padding-left: 14px; width: 100%; height: 100%;}
.header-top .wechatli{ line-height: 36px;}
.header-top .wechatli .dropdown-toggle{color: #fff; margin-right: 10px;}
.header-top .wechatli:hover .wechatul{display: block;}
.header-top .navshow:hover .navtopul{display: block;}
.header-top .wechatul{padding: 15px; width: 150px; margin: 0; box-shadow:0px 2px 12px 0px rgba(0,0,0,0.06); border:1px solid #E9E9F0; border-radius: 0px; min-width: 150px;top: 30px;left: -30px;}
.header-top .wechatul li{ padding:0; margin:0}
.header-top .wechatul li img{width: 120px; height: 120px;}
.header-top .wechatul li span{ color:#555;}
.header-top .icon{height: 20px; width: 20px; display: inline-block; position: relative; top: 8px; left: 5px;}
.header-top .wechat-icon{left: 5px; margin-left: -1px; background: url(/static/web/img/微信@2x.svg) no-repeat;}
.header-top .person-icon {background: url(/static/web/img/登录@2x.svg) no-repeat;}
.header-top .applet-icon{left: 5px;margin-left: -1px;background: url(/static/web/img/小程序@2x.svg) no-repeat;}
#carouselDede .carousel-caption h2{color:var(--white)}
#carouselDede .carousel-caption h2,.item-article h2,.item-admin h2,.item-vote h2,.item-tag h2,.list-info-search h2{font-size:18px}
.item-article li{margin-bottom:10px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-article li:last-child{margin-bottom:0}
.item-admin{padding:75px 1rem}
.item-theme{margin-bottom:2rem}
.item-theme-box{padding:1.5rem}
.item-theme-box .text-left i,.item-theme-box .text-right span,.item-news .author,.item-news .author a,.item-news .date,.item-info a,.list-article-body i,.list-article-body span,.article-hot-box i,.article-hot-box span,.article-meta span{color:var(--gray-500)}
.item-theme .title a,.item-news .title a{color:var(--gray-dark)}
.item-theme-img img{width:100%;height:200px}
.item-theme p,.item-news p{color:var(--gray-500);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.item-news{margin-bottom:2rem;padding:1.5rem}
.item-theme:hover,.item-news:hover{box-shadow:0 14px 30px -16px rgba(0,36,100,0.25);transform:translateY(-5px);transition:all 0.5s}
.item-news .title{margin:20px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-news-img img{width:100%;height:200px}
.item-vote .table,.article-theme-body p:last-child,.article-hot:last-child{margin-bottom:0}
.list-article-img img{width:100%;height:260px}
.list-article-body h2{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-article-body h2 a{color:var(--gray-dark)}
.article-theme-title h1{margin-bottom:1rem;font-size:24px}
.article-theme-img,.article-hot-img img{width:100%}
.article-theme-info .item{display:inline-block;width:100px}
.article-theme-info .price{font-size:18px;font-weight:600}
.article-theme-body h2,.article-right h2{margin-bottom:1rem;font-size:18px}
.article-hot{margin-bottom:1.5rem}
.article-hot-box{padding:1rem 1.5rem;background:var(--white)}
.article-hot-box h4{font-size:14px;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-main .title h1{font-size:24px}
.article-main .body h1,.article-main .body h2,.article-main .body h3,.article-main .body h4,.article-main .body h5,.article-main .body h6{margin:20px 0;padding:0 10px;font-size:18px!important;border-left:3px solid var(--success)}
.article-main .meta span{margin-right:1rem}
.likes .comment-container{width:200px;padding:10px 20px;border:1px solid var(--bg);border-radius:30px;margin:0 6px;cursor:pointer}
.likes .comment-container:hover{background:var(--white)ce0}
.likes .comment-top{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}
.likes .comment-top-text{margin-left:10px;color:var(--blue)}
.likes .comment-top-text-danger{margin-left:10px;color:var(--danger)}
.likes .text-like{color:var(--blue)}
.likes .text-unlike{color:var(--danger)}
.likes .comment-top p{margin-bottom:unset}
.prenext .pagination-previous,.pagination-next{padding:10px 20px;font-size:14px;color:var(--gray);border-radius:30px;border:1px solid var(--light);cursor:pointer;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.actbox{float:right;padding:10px}
.actbox ul{list-style:none}
.actbox ul li{float:left;margin-left:10px}
.feedbacks .face{width:40px;height:40px;border-radius:50%;border:solid 1px var(--gray-300)}
.feedbacks .media{border-bottom:solid 1px var(--gray-300)}
.feedbacks .feedback_replies .media{border-top:solid 1px var(--gray-300);border-bottom:0}
.feedbacks .media-body span{color:var(--gray-500)}
.feedbacks .feedback-basic{display:inline-block}
.feedbacks .feedback-action{float:right}
.feedbacks ._feedback_reply .alert{margin-bottom:0}
.login-from{margin:5rem auto;width:500px}
.login-box{padding:1.25rem;background:var(--white)}
.user-login,.user-actions{line-height:40px}
.user-actions{text-align:right}
.copyright{padding:1.5rem;background:var(--gray-dark)}
.flink,.flink a,.copyright,.copyright a{color:var(--white)}
.user-meter i{font-size:24px!important;color:var(--green)}
.userspace .info{font-size:14px;font-weight:300;color:var(--gray)}
.logo img{height:60px;max-width: none;}
.pannel-main-container{padding:1.5rem;background:var(--white)}
.biz-mb{margin-bottom:-2rem}
.bannr-img{width:100%;height:340px}
.carousel-inner .carousel-item img{width:100%;height:340px}
.user-img-md{width:60px;height:60px;border-radius:50%;border:1px solid var(--gray-300)}
.user-img-sm{width:36px;height:36px;border-radius:50%;border:1px solid var(--gray-300)}
.user-img-xs{width:30px;height:30px;border-radius:50%;border:1px solid var(--gray-300)}
.nav-item .active{color:var(--warning)}
.nav-link{padding:0 10px;height:36px;line-height:36px}
.navbar-dark .navbar-nav .nav-link{color:#555}
.navbar-dark .navbar-nav .nav-link.active{ font-weight:550;color:#000}
.navbar-dark .navbar-nav .nav-link:hover{color:#333}
.list-group-item.active a{color:#000}
.list-group-flush>.list-group-item{cursor:pointer}
.input-group-append .btn-sm{line-height:1.8}
.table{color:var(--gray)}
.table td,.table th{padding:0.5rem;vertical-align:middle}
.form-control{display:inline-block;height:36px}
.form-control,.fa,.btn,.dropdown-menu{font-size:14px!important}
.btn+.btn{margin-left:10px}
.input-text{height:36px;line-height:36px}
.thumbnail-md{max-width:280px;max-height:168px}
.admin-textarea-xl{width:100%}
.admin-input-lg{width:60%}
.admin-input-sm{width:160px}
.admin-input-xs{width:60px}
.navbar-toggler,.dropdown-menu,.breadcrumb,.cke_chrome,.cke_inner,.pagination,.form-control,.btn,.alert,.rounded{border-radius:0.5rem!important}
.cke_top,.item-theme-img img,.list-article-img img,.article-hot-img img{border-radius:0.5rem 0.5rem 0 0!important}
.cke_bottom,.list-article-radius{border-radius:0 0 0.5rem 0.5rem!important}
.rounded-circle{border-radius:50%!important}
.page-item:first-child .page-link{border-top-left-radius:0.5rem!important;border-bottom-left-radius:0.5rem!important}
.page-item:last-child .page-link{border-top-right-radius:0.5rem!important;border-bottom-right-radius:0.5rem!important}
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
#validateimg,.btn-send{border-radius:0 0.5rem 0.5rem 0!important}
#returntop{display:none;position:fixed;padding:10px 15px;right:1rem;bottom:1rem;color:var(--white);cursor:pointer;background:var(--orange);border-radius:0.5rem;border:0;z-index:9998}
#returntop:hover{background:var(--orange)}
.link img{float:left; margin-left: 10%; width:44px;}
.link span{float: right; margin-right:10%;}
.rightad {position: fixed; right: 0;top: 20%;text-align: center; z-index: 100;}
@media (max-width:768px){
.header-top,.rightad{display:none}
.container .user-login{margin-top:0;}
.container .navbar-toggler,.container .navbar-collapse .float-right{display:none}
.container .navbar-collapse{display:block;overflow-x:auto;white-space:nowrap;}
.container .navbar-collapse::-webkit-scrollbar {display: none;}
.container .navbar-collapse .navbar-nav{flex-direction: row;}
.container .navbar-expand-md .navbar-nav .nav-link{padding:0 0.5rem;}
.container .logo img{height: 40px;}
.container .item-admin,.link{ display:none}
.container .aside > div.pb-3:first-child {margin-top: 20px;}
.copyright{padding:1rem;}
.copyright .container p a{ font-size:12px;}
.pb-m-3{padding-bottom:1rem}
.login-from{width:100%}
.carousel-inner .carousel-item img,.bannr-img,.item-theme-img img,.list-article-img img,.item-news-img img{height:180px}
.feedbacks .feedback-action{float:none}
}